import React, { useEffect, useState } from "react";
import TableBar from "./components/tableBar/index.js";
import { codeLogin } from '@/utils/codeLogin.js';
import { setToken } from "@/utils/localStorage"; // 假设需要保存token

function App() {
  //  定义登录状态：未登录(false)、登录中(true)、登录成功(success)、登录失败(error)
  const [loginStatus, setLoginStatus] = useState("loading"); // loading/success/error

  const doLogin = async () => {
    try {
      const loginResult = await codeLogin();
      setLoginStatus("success"); // 标记登录成功
    } catch (error) {
      setLoginStatus("error");
    }
  };
  useEffect(() => {
    doLogin(); // 执行登录逻辑
  }, []);

  if (loginStatus === "loading") {
    // 登录中
    return <div className="app-loading" style={{ width: '100%', textAlign: 'center', marginTop: '20px', fontSize: '14px' }}>授权登录中...</div>;
  }
  if (loginStatus === "error") {
    // 登录失败
    return (<div className="app-login-error" style={{ width: '100%', textAlign: 'center', marginTop: "20px", fontSize: '14px' }}>登录失败，请刷新页面重试登录 </div>)
  }

  // 登录成功：渲染TableBar（触发后续接口）
  return (
    <TableBar />
  );
}

export default App;